

<div class="views">
    <div class="view view-main">

        <div class="navbar-through">
            <div class="page">

                    <div style="padding-top:5px;height: 124px ;overflow: hidden ;background-image: url('./images/pic_background.png');background-repeat: no-repeat;background-size: cover;">
                        <div class="row no-gutter" style="height: 70px; overflow: hidden">
                            <!-- Each "cell" has col-[widht in percents] class -->
                            <div class="my-panel my-head-img">


                                <a  href="#" class="">
                                    <img style="border-radius: 30px;" src="./images/pic_head.png" width="60px" height="60px"/>
                                </a>


                            </div>
                            <!--
                            <div class="col-25 ">
                                <div class="my-vertical">
                                    <p class="my-p">啊猫</p>
                                    <p class="my-p">金牌用户</p>
                                </div>
                            </div>
                            <div class="col-50 my-addr">
                                <a href="#"><p class="my-p">管理收货地址<i class="icon " style="background-image: url('./images/icon_details.png'); padding: 10px"></i></p></a>
                            </div>
                            -->
                        </div>
                        <div class="my-panel my-text-center" >
                            <div class="my-panel-child my-content-bg">
                                <p class="my-p">8</p>
                                <p class="my-p">收藏的商品</p>
                            </div>
                            <div class="my-panel-child my-content-bg">
                                <p class="my-p">5</p>
                                <p class="my-p">收藏的品牌</p>
                            </div>
                            <div class="my-panel-child my-content-bg">
                                <p class="my-p">115</p>
                                <p class="my-p">我的足迹</p>
                            </div>
                        </div>
                    </div>
                    <!-- 我的订单-->
                    <div>
                        <div class="row no-gutter my-seperater my-content"  >
                            <div class="col-40">
                                <p class="my-p"><i class="icon " style="background-image: url('./images/icon_indent.png'); padding: 10px"></i>我的订单</p>
                            </div>
                            <div class="col-60" style="text-align: right">

                                <a href="#"><p class="my-p">查看所有订单<i class="icon " style="background-image: url('./images/icon_details.png'); padding: 10px"></i></p></a>
                            </div>
                        </div>
                        <div class="row no-gutter ">
                            <div class="col-25 my-items">

                                <a  href="#">
                                    <img src="./images/icon_pay.png"/>
                                    <p class="my-p">待付款</p>
                                </a>
                            </div>
                            <div class="col-25 my-items">
                                <a href="#">
                                    <img src="./images/icon_send.png"/>
                                    <p class="my-p">待发货</p>
                                </a>
                            </div>
                            <div class="col-25 my-items">
                                <a href="#">
                                    <img src="./images/icon_receiving.png"/>
                                    <p class="my-p">待收款</p>
                                </a>
                            </div>
                            <div class="col-25 my-items">
                                <a href="#">
                                    <img src="./images/icon_information.png"/>
                                    <p class="my-p">待评价</p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- 我的资产 -->
                    <div>
                        <div class="row no-gutter my-seperater my-content"  >
                            <div class="col-40">
                                <p class="my-p"><i class="icon " style="background-image: url('./images/icon_asset.png'); padding: 10px"></i>我的资产</p>
                            </div>
                            <div class="col-60" style="text-align: right">

                                <a href="#"><p class="my-p">资产中心<i class="icon " style="background-image: url('./images/icon_details.png'); padding: 10px"></i></p></a>
                            </div>
                        </div>
                        <div class="row no-gutter">
                            <div class="col-33 my-items">
                                <a href="#">
                                    <p  class="my-p">20元</p>
                                    <p class="my-p">我的余额</p>
                                </a>
                            </div>
                            <div class="col-33 my-items">
                                <a href="#">
                                    <p class="my-p">298</p>
                                    <p class="my-p">我的积分</p>
                                </a>
                            </div>
                            <div class="col-33 my-items">
                                <a href="#">
                                    <p class="my-p">3张</p>
                                    <p class="my-p">我的优惠券</p>
                                </a>
                            </div>
                        </div>
                    </div>

            </div>
        </div>
    </div>
</div>
